a,address,b,big,blockquote,body,center,cite,code,dd,del,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,label,legend,li,ol,p,pre,small,span,strong,u,ul,var,th,td{margin:0; padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display: block}
body{font-family: "Helvetica Neue", Arial, "Microsoft Yahei UI", "Microsoft YaHei", SimHei, "\5B8B\4F53", simsun, sans-serif; font-size:16px; color:#666; line-height:1.6; background:#fff;}
@font-face{font-family: "Helvetica Neue"; src: url("../font/Helvetica Neue.otf");}
a:hover img,img{border:none; vertical-align: bottom;}
ol,ul{list-style: none}
input,button,select,textarea{outline:none;font-family:"寰蒋闆呴粦",Arial,"瀹嬩綋"; font-size:14px; color: #666;}
table input,table button,table select,table textarea{ vertical-align:middle;}
button,html input[type=button],input[type=submit]{-webkit-apperance: button; cursor: pointer}
button[disabled],html input[disabled]{cursor: default}
textarea{resize:none}
table{ border-collapse:collapse;}
a{text-decoration:none; color:#666;}
h1,h2,h3,h4,h5,h6{font-weight:400; font-family:"寰蒋闆呴粦";}
th{font-weight: normal;}

.fl{float: left}
.fr{float: right}
.al{text-align: left}
.ac{text-align: center}
.ar{text-align: right}
.hide{display: none}

.clear, .clr{display: block; clear: both; height: 0; line-height: 0; font-size: 0; overflow: hidden;}
.cf:before,.cf:after{content:""; display: table;}
.cf:after{clear: both;}
.cf, .cf2{*zoom:1;}
.cf2:after{display: block; content: ""; clear: both; height: 0; visibility: hidden;}
/*-------------------------缁撴潫鍏敤鏍峰紡--------------------------*/
body{min-width: 320px;}
.mw, .innerbn_mw, .rowmw{margin: 0 auto; max-width: 1200px; _width:expression((documentElement.clientWidth > 1200) ? "1200px" : "auto" );}
.rowmww{margin: 0 auto; max-width: 750px; _width:expression((documentElement.clientWidth > 750) ? "750px" : "auto" );}
::-webkit-scrollbar{display: none;}

.tc{display: table-cell; width: 9999px; zoom: 1; *width: auto;}

img{max-width: 100%;display:inline;margin:0 auto;}

input::-webkit-input-placeholder{color: #bbb;}
input:focus::-webkit-input-placeholder{color: #999;}
input::-moz-placeholder{color: #bbb;}
input:-ms-input-placeholder{color: #bbb;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{-webkit-appearance: none!important; margin: 0;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration{-webkit-appearance: none;}
input[type="number"]{appearance: textfield; -moz-appearance: textfield; -webkit-appearance: textfield;}

/*澶撮儴*/
.headerow{display: block; height: 90px; background-color: #fff;}
.headerow_bborder{border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgba(0,0,0,.1); border-color: #e1e1e1\9;}
.headlogo{float: left; text-align: center;}
.headlogo_img{height: 100%;    margin-top: 20px; vertical-align: bottom;}
.headright{float: right;}

.headnav{float: right; position: relative; padding-top: 30px;}
.hnavico{position: relative; display: block; padding: 5px; width: 30px; height: 30px; display: none; overflow: hidden; cursor: pointer;}
.hnavico_gt1, .hnavico_gt2, .hnavico_gt3, .hnavico_gt4{position: absolute; left: 10px; display: block; height: 2px; line-height: 0; font-size: 0; background-color: #179de3; border-radius: 2px; transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease;}
.hnavico_gt1{top: 12px; width: 20px;}
.hnavico_gt2{top: 17px; width: 12px;}
.hnavico_gt3{top: 22px; width: 16px;}
.hnavico_gt4{top: 27px; width: 20px;}
.headnav_open .hnavico_gt1{top: 50%; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.headnav_open .hnavico_gt2{left: 40px;}
.headnav_open .hnavico_gt3{left: -40px;}
.headnav_open .hnavico_gt4{top: 50%; transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}

.hnav{position: relative; float: left; line-height: 30px;}
.hnav a{position: relative; z-index: 1; float: left; margin-left: 5px; display: block; padding: 0 15px; font-size: 15px; color: #333; }
.hnav:hover a{color: #333;}
.hnav a:hover{color: #fff;}
.hnav .current_nav{color: #fff;}
.hnav_slideline{position: absolute; top: 0; left: 0; display: block; height: 30px; line-height: 0; font-size: 0; background-color: #179de3; border-radius: 20px;}
.hsign_box{float: left; margin-left: 15px; padding-top: 25px; }
.hsign{float: left; position: relative; z-index: 8; display: block;width: 35px; height: 40px;}
.hsignlab{display: block; width: 35px; height: 40px; font-size: 0; background-image: url(../images/icon/hsign.png); background-repeat: no-repeat; background-size: 100% auto;}
.wechat_hsign .hsignlab{background-color: #3eb62b; background-position: 0 0;}
.wechat_hsign:hover .hsignlab{background-color: #fff; background-position: 0 -40px; box-shadow: 0 2px 3px rgba(0,0,0,.5);}
.qq_hsign .hsignlab{background-color: #179de3; background-position: 0 -80px;}
.hsign_code{position: absolute; top: 40px; left: 50%; margin-left: -65px; padding: 5px; width: 120px; height: 120px; background-color: #fff; box-shadow: 0 2px 3px rgba(0,0,0,.5); padding: 4px\9; border: 1px solid #ccc\9; display: none;}
.hsign_code_cover{position: absolute; top: -1px; left: 50%; margin-left: -12px; display: block; width: 35px; height: 2px; line-height: 0; font-size: 0; background-color: #fff;}

.top_headerow{position: absolute; z-index: 23; top: 0; left: 0; width: 100%; background-color: rgba(0,0,0,.5); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);}
.top_headerow a, .top_headerow .hnav:hover a{color: #fff;}

.bknavrow{display: block; height: 60px; background-color: #333;}
.bknav{position: relative; display: block; padding: 13px 0 3px 0; text-align: center; line-height: 32px; font-size: 15px; color: #fff; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.bknav a{margin: 0 25px; color: #fff;}
.bknav_slideline{position: absolute; top: 45px; display: block; height: 3px; line-height: 0; font-size: 0; background-color: #179de3;}

.innerbn{position: relative; display: block; height: 340px; background-position: 50% 0; background-repeat: no-repeat; overflow: hidden;}
.innerbn_bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: 50% 0; background-repeat: no-repeat;}
.innerbn_bg, .ibnbg{-moz-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05);}
.active .innerbn_bg, .active .ibnbg{transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); transition: transform 3s linear 0s; -webkit-transition: -webkit-transform 3s linear 0s; -moz-transition: -moz-transform 3s linear 0s;}
.innerbn_mw{position: relative; z-index: 1; height: 100%; color: #fff;}
.innerbn_text{position: absolute; left: 0; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); top: 100px\9; display: block; width: 100%; text-align: center; line-height: 1.2; font-size: 64px; color: #fff;}
.sm_innerbn{height: 200px;}
.sm_innerbn .innerbn_text{font-size: 42px; top: 60px\9;}
.sm_innerbn .innerbn_text .eng{font-size: 30px;}


.whrow, .gyrow{padding: 50px 0; overflow: hidden;}
.whrow{background-color: #fff;}
.gyrow{background-color: #f8f8f8;}

.rowdec{color: #333;}
.row_tins{font-size: 22px;}
.row_title{line-height: 1.2; font-size: 64px; color: #179de3;}
.bkrow_title36{margin: 20px 0; font-size: 36px; color: #333;}
.row_p{margin-top: 10px;}
.homepage .row_title{font-size: 36px;}
.homepage .row_p{margin-top: 20px; font-size: 22px;}
.aboutpage .rowdec{padding-top: 20px;}
.aboutpage .row_title{font-size: 60px; color: #333;}
.aboutpage .row_p{margin-top: 20px; font-size: 14px;}


.emplist li{float: left; padding: 1px; width: 20%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; overflow: hidden; *padding: 0;}
.emplist a{position: relative; display: block; width: 100%; overflow: hidden;}
.emplist img{width: 100%;}

.empcover{position: absolute; top: -100%; left: -100%; padding: 20px; width: 100%; height: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; color: #fff; background-color: #179de3;}
.empcover_mt{position: relative; display: block; height: 24px; line-height: 20px; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%\9;}
.empcover_mt .i{position: absolute; bottom: 0; left: 0; display: block; width: 24px; height: 2px; line-height: 0; font-size: 0; background-color: #fff;}
.empcover_mc{display: block; padding-top: 30px; height: 80px; text-align: center; overflow: hidden;}
.empcover_mc h3{margin-bottom: 5px; font-size: 18px; font-weight: bold;}
.empcover_play{position: absolute; bottom: 20px; right: 20px; display: block; width: 30px; height: 30px; font-size: 0; background: url(../images/icon/video30.png) 0 0 no-repeat;}

.showbrand{padding-bottom: 1px\9;}
.showbrand li{float: left; margin: 0 -1px -1px 0; width: 20%;}
.showbrand a {
    border: 1px solid #ebebeb;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 133px;
    background: #fff;
    box-sizing: border-box;
transition: all .2s linear;
-moz-transition: all .2s linear;
-webkit-transition: all .2s linear;
}
.showbrand a:hover{position: relative; box-shadow: 0 3px 10px rgba(0,0,0,.5); -moz-box-shadow: 0 3px 10px rgba(0,0,0,.5); -webkit-box-shadow: 0 3px 10px rgba(0,0,0,.5); transform: translate3d(0, -3px, 0); -moz-transform: translate3d(0, -3px, 0); -webkit-transform: translate3d(0, -3px, 0);}
.showbrand img {
    width: 75%;
    vertical-align: middle;
    margin: 0 auto;
    display: block;
    height: auto;
}

.multipleScorll{position: relative; *zoom: 1; text-align: center;}
.multipleScorll .prev, .multipleScorll .next{position: absolute; top: 50%; margin-top: -27px; display: block; text-align: center; width: 54px; height: 54px; line-height: 54px; font-size: 30px; color: #fff; font-weight: bold; font-family: simsun; background-color: #a3a3a3; border-radius: 50%;}
.multipleScorll .prev:hover, .multipleScorll .next:hover{color: #fff; background-color: #179de3;}
.multipleScorll .prevStop, .multipleScorll .nextStop{color: #fff!important; background-color: #ccc!important; cursor: default;}
.multipleScorll .prev{left: -70px;}
.multipleScorll .next{right: -70px;}
.multiplebrand .bd .showbrand{padding: 15px 0;}

.multipcase_emplist{position: relative; padding-left: 25%; *zoom: 1;}
.multipcase_emplist_label{position: absolute; top: 0; left: 0; padding: 1px; width: 25%; height: 100%; text-align: right; font-size: 24px; color: #fff; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box;}
.multipcase_emplist_label_inner{position: relative; padding: 0 35px; height: 100%; background-color: #179de3; width: 228px\9; height: 207px\9;}
.multipcase_emplist_text{padding-top: 35px;}
.multipcase_emplist .prev, .multipcase_emplist .next{margin-left: 30px; display: inline-block; font-size: 40px; color: #fff; font-family: simsun;}
.multipcase_emplist .prevStop, .multipcase_emplist .nextStop{opacity: .5; filter: alpha(opacity=50); cursor: default;}
.multipcase_emplist .emplist li{width: 33.3333%;}

.advantage2 li{float: left; width: 50%; padding:1px; box-sizing:border-box;}
.advantage2 a{position: relative; display: block; width: 100%; overflow: hidden;}
.advantage2_dec{position: absolute; z-index: 1; top: 400px; top: 110px\9; left: 0; right: 0; padding: 0 4%; width: 92%\9; text-align: center; font-size: 14px; color: #fff; transition: all .8s; -moz-transition: all .8s; -webkit-transition: all .8s; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; top: 100%; }
.advantage2>li:hover .advantage2_dec{top: 20%;}
.advantage2 img{width: 100%;}
.advantage2_title{position: relative; margin-bottom: 15px; padding-bottom: 5px; font-size: 30px; *zoom: 1;}
.advantage2_title_gt{position: absolute; bottom: 0; left: 50%; margin-left: -15px; display: block; width: 30px; height: 2px; line-height: 0; font-size: 0; background-color: #fff; overflow: hidden;}
.advantage2_goico{margin: 40px auto 0; display: block; width: 55px; height: 55px; font-size: 0; background: url(../images/icon/advantage2_goico.png) 0 0 no-repeat;}
.advantage2_cover1{/*position: absolute;*/ left: 0; top: 0; display: block; width: 100%; height: 100%; box-shadow: inset 0 -100px 180px #000; -moz-box-shadow: inset 0 -100px 180px #000; -webkit-box-shadow: inset 0 -100px 180px #000; background-color: #000\9; opacity: .7\9; filter: alpha(opacity=70)\9;}
.advantage2_cover2{position: absolute; top: 50%; left: 50%; display: block; width: 0; height: 0; transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); background-color: rgba(34,148,208,.8); border-radius: 50%; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; display: none\9;}
.advantage2>li:hover .advantage2_cover2{width: 1000px; height: 1000px;}

.clsbox{position: relative; margin: 0 auto; display: block; height: 502px; margin-bottom:2.5em; overflow: hidden;}
.clsitem{position: absolute; display: block; width: 400px; height: 250px; overflow: hidden;}
.app_clsitem{top: 0; left: 0;}
.plat_clsitem{top: 0; right: 0;}
.web_clsitem{bottom: 0; left: 0;}
.maker_clsitem{bottom: 0; right: 0;}
.service_clsitem{top: 0; left: 402px; width: 396px; height: 502px;}

.clsitem{opacity: 0; -moz-transition: all 2s ease 0s; -webkit-transition: all 2s ease 0s; transition: all 2s ease 0s;}
.app_clsitem{transform: translate(-100px,-50px); -moz-transform: translate(-100px,-50px); -webkit-transform: translate(-100px,-50px);}
.tbox .dtl{transform: translate(-50px,-100px); -moz-transform: translate(-50px,-100px); -webkit-transform: translate(-50px,-100px);}
.plat_clsitem{transform: translate(50px,-100px); -moz-transform: translate(50px,-100px); -webkit-transform: translate(50px,-100px);}
.web_clsitem{transform: translate(-50px,100px); -moz-transform: translate(-50px,100px); -webkit-transform: translate(-50px,100px);}
.maker_clsitem{transform: translate(50px,100px); -moz-transform: translate(50px,100px); -webkit-transform: translate(50px,100px);}
.active .clsitem{opacity: 1; transform: translate(0); -moz-transform: translate(0); -webkit-transform: translate(0);}




.clsitem img{width: 100%;}
.clsitem_dec{position: absolute; z-index: 8; top: 0; left: 0; display: block; width: 100%; height: 100%; font-size: 14px; color: #fff;}
.clsitem_dec a{color: #fff;}
.clsitem_dec a:hover{color: #fff; text-decoration:underline;}
.clsitem_dec .spc{margin: 0 8px; font-style: normal; font-family: simsun;}
.clsitem_label{display: block; width: 100%; height: 100%; /*background: url(../images/pic/clsitem/clsitem_label.png) 50% 50% no-repeat;*/}
.clsitem_ten{ background-image:url(../images/pic/clsitem/clsitem_label_t.png); width:245px; height:280px; margin:80px auto 35px auto; background-repeat: no-repeat; background-size: contain;}
.clsitem_text{ text-align:center; font-size:24px; letter-spacing:.5em;}
.clsitem_text p{ letter-spacing:.3em;}
.clsitem_text span{ display:inline-block; padding:0 1em; border-left:1px solid #fff; border-right:1px solid #fff; line-height:1.3em;}
.clsitem:hover .clsitem_ten{background-image:url(../images/pic/clsitem/clsitem_label_tw.png);}

.clsitem_decmt{padding: 40px 30px 0 30px; font-size: 22px;}
.clsitem_decmc{margin-top: 5px; padding: 0 30px; height: 90px;}
.clsitem_decmb{padding: 0 30px;}
.clsitem_bg{position: absolute; z-index: -1; top: 0; left: 0; margin: -1px; padding: 1px; display: block; width:100%; height:100%; background: rgba(23,157,227,.85); transition: all .1s linear; -moz-transition: all .1s linear; -webkit-transition: all .1s linear;}
.clsitem:hover .clsitem_bg{z-index: 4;}
.from-top{-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}.from-left{-webkit-transform-origin:0 100%;-moz-transform-origin:0 100%;-ms-transform-origin:0 100%;transform-origin:0 100%}.from-right{-webkit-transform-origin:100% 100%;-moz-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%}.from-bottom{-webkit-transform-origin:0 100%;-moz-transform-origin:0 100%;-ms-transform-origin:0 100%;transform-origin:0 100%}.from-left,.from-top{-webkit-animation:enter-clockwise .23s ease-out;-moz-animation:enter-clockwise .23s ease-out;-ms-animation:enter-clockwise .23s ease-out;animation:enter-clockwise .23s ease-out}.from-bottom,.from-right{-webkit-animation:enter-anti-clockwise .23s ease-out;-moz-animation:enter-anti-clockwise .23s ease-out;-ms-animation:enter-anti-clockwise .23s ease-out;animation:enter-anti-clockwise .23s ease-out}.to-top{-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}.to-left{-webkit-transform-origin:0 100%;-moz-transform-origin:0 100%;-ms-transform-origin:0 100%;transform-origin:0 100%}.to-right{-webkit-transform-origin:100% 100%;-moz-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%}.to-bottom{-webkit-transform-origin:0 100%;-moz-transform-origin:0 100%;-ms-transform-origin:0 100%;transform-origin:0 100%}.to-left,.to-top{-webkit-animation:leave-anti-clockwise .23s ease-out;-moz-animation:leave-anti-clockwise .23s ease-out;-ms-animation:leave-anti-clockwise .23s ease-out;animation:leave-anti-clockwise .23s ease-out}.to-bottom,.to-right{-webkit-animation:leave-clockwise .23s ease-out;-moz-animation:leave-clockwise .23s ease-out;-ms-animation:leave-clockwise .23s ease-out;animation:leave-clockwise .23s ease-out}@-webkit-keyframes enter-clockwise{from{z-index:3;-webkit-transform:rotate(-90deg)}to{z-index:3;-webkit-transform:rotate(0)}}@-moz-keyframes enter-clockwise{from{z-index:3;-moz-transform:rotate(-90deg)}to{z-index:3;-moz-transform:rotate(0)}}@-ms-keyframes enter-clockwise{from{z-index:3;-ms-transform:rotate(-90deg)}to{z-index:3;-ms-transform:rotate(0)}}@keyframes enter-clockwise{from{z-index:3;transform:rotate(-90deg)}to{z-index:3;transform:rotate(0)}}@-webkit-keyframes enter-anti-clockwise{from{z-index:3;-webkit-transform:rotate(90deg)}to{z-index:3;-webkit-transform:rotate(0)}}@-moz-keyframes enter-anti-clockwise{from{z-index:3;-moz-transform:rotate(90deg)}to{z-index:3;-moz-transform:rotate(0)}}@-ms-keyframes enter-anti-clockwise{from{z-index:3;-ms-transform:rotate(90deg)}to{z-index:3;-ms-transform:rotate(0)}}@keyframes enter-anti-clockwise{from{z-index:3;transform:rotate(90deg)}to{z-index:3;transform:rotate(0)}}@-webkit-keyframes leave-clockwise{from{z-index:3;-webkit-transform:rotate(0)}to{z-index:3;-webkit-transform:rotate(90deg)}}@-moz-keyframes leave-clockwise{from{z-index:3;-moz-transform:rotate(0)}to{z-index:3;-moz-transform:rotate(90deg)}}@-ms-keyframes leave-clockwise{from{z-index:3;-ms-transform:rotate(0)}to{z-index:3;-ms-transform:rotate(90deg)}}@keyframes leave-clockwise{from{z-index:3;transform:rotate(0)}to{z-index:3;transform:rotate(90deg)}}@-webkit-keyframes leave-anti-clockwise{from{z-index:3;-webkit-transform:rotate(0)}to{z-index:3;-webkit-transform:rotate(-90deg)}}@-moz-keyframes leave-anti-clockwise{from{z-index:3;-moz-transform:rotate(0)}to{z-index:3;-moz-transform:rotate(-90deg)}}@-ms-keyframes leave-anti-clockwise{from{z-index:3;-ms-transform:rotate(0)}to{z-index:3;-ms-transform:rotate(-90deg)}}@keyframes leave-anti-clockwise{from{z-index:3;transform:rotate(0)}to{z-index:3;transform:rotate(-90deg)}}


.ibn{position: relative; margin: 0 auto; display: block; height: 800px; overflow: hidden;}
.ibn .bd, .ibn .bd li{position: relative; width: 100%!important; height: 100%; overflow: hidden;}
.ibnbg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: 50% 0; background-repeat: no-repeat;}
.ibn .hd{position: absolute; bottom: 20px; left: 0; text-align: center; width: 100%; line-height: 0; font-size: 0;}
.ibn .hd li{margin: 0 4px; display: inline-block; *display: inline; *zoom: 1; width: 6px; height: 6px; background-color: #fff; opacity: .5; filter: alpha(opacity=50); border-radius: 3px; cursor: pointer; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease;}
.ibn .hd .on{width: 50px;}
.ibn .prev, .ibn .next{position: absolute; z-index: 6; top: 50%; margin-top: -34px; display: block; text-align: center; width: 40px; height: 68px; line-height: 68px; font-size: 30px; color: #fff; font-weight: bold; font-family: simsun; background-color: rgba(0,0,0,.5); background-color: #000\9; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s;}
.ibn .prevStop, .ibn .nextStop{background-color: rgba(0,0,0,.1)!important; cursor: default;}
.ibn .prev{left: -40px; left: 0\9;}
.ibn:hover .prev{left: 0;}
.ibn .next{right: -40px; right: 0\9;}
.ibn:hover .next{right: 0;}
.ibndec{position: absolute; z-index: 5; top: 40%; left: 0; display: block; width: 100%; text-align: center; color: #fff;}

.foundec_year, .foundec_year_label, .foundec_text{margin: 0 10px; display: inline-block; *display: inline; *zoom: 1; line-height: 1.2; vertical-align: middle;}
.foundec_year{font-size: 70px;}
.foundec_year_label{display: inline-block; text-align: center; width: 100px; height: 100px; line-height: 100px; font-size: 70px; color: #fff; font-style: normal; background-color: #ff4747; border-radius: 50%;}
.foundec_text{text-align: left; font-size: 34px;}
.foundec_text .eng{font-size: 44px;}

.bnrow{position: relative; display: block; overflow: hidden;}
.contactrow{height: 350px;}
.bnrow .rowmw{position: relative; z-index: 1; height: 100%;}
.bnrow_content{position: absolute; top: 40%; left: 0; display: block; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); font-size: 13px; color: #fff; top: 100px\9;}
.zoombg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: 50% 0; background-repeat: no-repeat;}
@media screen and (min-width: 960px) {
	.zoombg{animation:zoom1 15s linear 0s infinite;-webkit-animation:zoom1 15s linear 1s infinite;}
	@-webkit-keyframes zoom1{0%{-webkit-transform:scale(1);}50%{-webkit-transform:scale(1.1);}100%{-webkit-transform:scale(1);}}
	@keyframes zoom1{0%{transform:scale(1);}50%{transform:scale(1.1);}100%{transform:scale(1);}}
}


.contactrow .bnrow_content{top: 40px\9;}
.contactrow_mt{font-size: 34px;}
.contactrow_mc{margin-top: 30px; }
.contactrow_mb{margin-top: 30px; color: rgba(255,255,255,.4); color: #666\9;}
.contactrow_dtlist{display: block;}
.contactrow_dtint{float: left; margin-right: 15px; display: block; padding: 20px; max-width: 100%; width: 190px; height: 60px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; line-height: 20px; font-size: 14px; color: #000; background-color: rgba(255,255,255,.5); border: none; outline: 0; -webkit-appearance: none; *height: 20px;}
.describe_contactrow_dtint{width: 455px;}
.contactrow_dtint::-webkit-input-placeholder{color: #555;}
.contactrow_dtint::-moz-placeholder{color: #555;}
.contactrow_dtint:-ms-input-placeholder{color: #555;}
.contactrow_btn{float: left; display: block; text-align: center; width: 180px; height: 60px; line-height: 60px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; font-size: 14px; color: #fff; background: #179de3; border: none; outline: 0; -webkit-appearance: none; cursor: pointer;}
.contactrow_btn:hover{background-color: #148ecd;}

.hello_label, .hello_label::before{background-image: url(../images/icon/hello_label.png); background-repeat: no-repeat; background-size: 100% auto;}
.hello_label{position: relative; display: inline-block; width: 480px; max-width: 100%; height: 150px; font-size: 0; background-position: 0 0; background-position: 0 -150px\9;}
.hello_label::before{position: absolute; top: 0; left: 0; display: block; content: ""; width: 100%; height: 0; background-position: 0 -150px; display: none\9;}
.active .hello_label::before{height: 100%; -webkit-animation-name:helloLabel;-moz-animation-name:helloLabel;animation-name:helloLabel;-webkit-animation-duration:2s;-moz-animation-duration:2s;animation-duration:2s}
@-webkit-keyframes helloLabel{0%{opacity:0;height:0}100%{opacity:1;height:100%}}@-moz-keyframes helloLabel{0%{opacity:0;height:0}100%{opacity:1;height:100%}}@keyframes helloLabel{0%{opacity:0;height:0}100%{opacity:1;height:100%}}

.aboutrow{height: 880px;}
.aboutrow .bnrow_content{top: 30px\9;}
.aboutrow .row_p{margin: 20px auto 0; /*width: 1040px;*/ line-height: 2.8; text-align: left;}
.aboutrow_cls{text-align: center; line-height: 2; font-size: 14px; color: #333;}
.aboutrow_cls a{color: #333;}
.aboutrow_cls a:hover{color: #179de3;}
.aboutrow_cls li{float: left; margin-top: 30px; width: 25%;}
.aboutrow_cls .dt{margin-bottom: 5px; font-size: 22px;}
.aboutrow_cls .cico{margin: 0 auto 10px; display: block; width: 120px; height: 120px; background-color: #179de3;}
.aboutrow_cls .ico{display: block; width: 120px; height: 120px; background-image: url(../images/icon/aboutrow_cls.png); background-repeat: no-repeat; background-size: 100% auto; transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear;}
.aboutrow_cls .fore1 .ico{background-position: 0 0;}
.aboutrow_cls .fore2 .ico{background-position: 0 -120px;}
.aboutrow_cls .fore3 .ico{background-position: 0 -240px;}
.aboutrow_cls .fore4 .ico{background-position: 0 -360px;}
.aboutrow_cls .cico:hover .ico{filter: drop-shadow(5px 5px 1px rgba(0,0,0,0.5)); -webkit-filter: drop-shadow(5px 5px 1px rgba(0,0,0,0.5)); -moz-filter: drop-shadow(5px 5px 1px rgba(0,0,0,0.5)); transform: translate3d(0, -3px, 0); -moz-transform: translate3d(0, -3px, 0); -webkit-transform: translate3d(0, -3px, 0);}

.advantage_pins{font-size: 0;}
.advantage_pins_text, .advantage_pins_pic{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;}
.advantage_pins_text{width: 58%; font-size: 14px; color: #333;}
.advantage_pins_text .mt{margin-bottom: 20px; line-height: 1.1;}
.advantage_pins_text .ins{font-size: 22px;}
.advantage_pins_text .title{font-size: 40px; color: #179de3;}
.advantage_pins_text .eng{font-size: 32px; color: #d4d4d4;}
.advantage_pins_pic, .advantage_pins_pic .ico{background-image: url(../images/icon/advantage_pins_pic.png); background-repeat: no-repeat;}
.advantage_pins_pic{position: relative; width: 500px; height: 440px; background-position: 0 0;}
.advantage_pins_pic .i{position: absolute; font-size: 24px; color: #fff;}
.advantage_pins_pic .i1{bottom: 75px; left: 150px;}
.advantage_pins_pic .i2{top: 140px; left: 245px;}
.advantage_pins_pic .i3{bottom: 75px; right: 125px;}
.advantage_pins_pic .ico{position: absolute; display: block; width: 110px; height: 110px;}
.advantage_pins_pic .i1 .ico{top: -10px; left: -120px; background-position: 0 -440px;}
.advantage_pins_pic .i2 .ico{top: -120px; left: 50%; margin-left: -55px; background-position: -110px -440px;}
.advantage_pins_pic .i3 .ico{top: -10px; right: -120px; background-position: -220px -440px;}

.rbnclsgo{font-size: 0;}
.rbnclsgo li{margin-left: 40px; display: inline-block; *display: inline; *zoom: 1; font-size: 22px; *width: 100px;}
.rbnclsgo a{display: inline-block; color: #fff;}
.rbnclsgo .ico{margin: 0 auto 15px; display: block; width: 100px; height: 100px; background-image: url(../images/icon/rbnclsgo.png); background-repeat: no-repeat; border-radius: 50%; transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear;}
.rbnclsgo a:hover .ico{box-shadow: 0 3px 10px rgba(0,0,0,.5); -moz-box-shadow: 0 3px 10px rgba(0,0,0,.5); -webkit-box-shadow: 0 3px 10px rgba(0,0,0,.5); transform: translate3d(0, -3px, 0); -moz-transform: translate3d(0, -3px, 0); -webkit-transform: translate3d(0, -3px, 0);}
.rbnclsgo .fore01 .ico{background-position: 0 0;}
.rbnclsgo .fore02 .ico{background-position: 0 -100px;}

.clsgolink li{float: left; transition-duration: 1.1s; -moz-transition-duration: 1.1s; -webkit-transition-duration: 1.1s;}
.clsgolink .fore1{transform: translateX(1200px) rotate(0); -moz-transform: translateX(1200px) rotate(0); -webkit-transform: translateX(1200px) rotate(0);}
.clsgolink .fore2{transform: translateX(1070px) rotate(0); -moz-transform: translateX(1070px) rotate(0); -webkit-transform: translateX(1070px) rotate(0);}
.clsgolink .fore3{transform: translateX(940px) rotate(0); -moz-transform: translateX(940px) rotate(0); -webkit-transform: translateX(940px) rotate(0);}
.clsgolink .fore4{transform: translateX(810px) rotate(0); -moz-transform: translateX(810px) rotate(0); -webkit-transform: translateX(810px) rotate(0);}
.active .clsgolink li{transform: translateX(0) rotate(-360deg); -moz-transform: translateX(0) rotate(-360deg); -webkit-transform: translateX(0) rotate(-360deg);}
.clsgolink a{display: inline-block; text-align: center; padding: 36px 40px 0 40px; width: 50px; height: 94px; line-height: 1.2; font-size: 24px; color: #fff; background-color: #179de3; border-radius: 50%; transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear;}
.clsgolink a:hover{box-shadow: 0 3px 10px rgba(0,0,0,.5); -moz-box-shadow: 0 3px 10px rgba(0,0,0,.5); -webkit-box-shadow: 0 3px 10px rgba(0,0,0,.5); transform: translate3d(0, -3px, 0); -moz-transform: translate3d(0, -3px, 0); -webkit-transform: translate3d(0, -3px, 0);}

.technologyrow{height: 565px; color: #fff;}
.technologyrow .bnrow_content{top: 50px\9;}
.technologyrow .rowdec{color: #fff;}
.technology_img{position: relative; margin: 0 auto; display: block; height: 228px;}
.technology_img img{width:228px; height:228px; position:absolute; left:1200px; z-index:0; -webkit-transform-origin:54.39% 48.68%; -moz-transform-origin:54.39% 48.68%; -ms-transform-origin:54.39% 48.68%; -o-transform-origin:54.39% 48.68%; transform-origin:54.39% 48.68%; }
.active .technology_img img { -webkit-transform:rotate(-360deg); -moz-transform:rotate(-360deg); -ms-transform:rotate(-360deg); -o-transform:rotate(-360deg); transform:rotate(-360deg); }
.active .technology_img .img1{ left:21px; z-index:1; -webkit-transition-duration:1.1s; -moz-transition-duration:1.1s; -o-transition-duration:1.1s; transition-duration:1.1s; }
.active .technology_img .img2{ left:171px; z-index:2; -webkit-transition-delay:0.2s; -moz-transition-delay:0.2s; -o-transition-delay:0.2s; transition-delay:0.2s; -webkit-transition-duration:1.0s; -moz-transition-duration:1.0s; -o-transition-duration:1.0s; transition-duration:1.0s; }
.active .technology_img .img3{ left:321px; z-index:3; -webkit-transition-delay:0.4s; -moz-transition-delay:0.4s; -o-transition-delay:0.4s; transition-delay:0.4s; -webkit-transition-duration:0.9s; -moz-transition-duration:0.9s; -o-transition-duration:0.9s; transition-duration:0.9s; }
.active .technology_img .img4{ left:471px; z-index:4; -webkit-transition-delay:0.6s; -moz-transition-delay:0.6s; -o-transition-delay:0.6s; transition-delay:0.6s; -webkit-transition-duration:0.8s; -moz-transition-duration:0.8s; -o-transition-duration:0.8s; transition-duration:0.8s; }
.active .technology_img .img5{ left:621px; z-index:5; -webkit-transition-delay:0.8s; -moz-transition-delay:0.8s; -o-transition-delay:0.8s; transition-delay:0.8s; -webkit-transition-duration:0.7s; -moz-transition-duration:0.7s; -o-transition-duration:0.7s; transition-duration:0.7s; }
.active .technology_img .img6{ left:771px; z-index:6; -webkit-transition-delay:1.0s; -moz-transition-delay:1.0s; -o-transition-delay:1.0s; transition-delay:1.0s; -webkit-transition-duration:0.6s; -moz-transition-duration:0.6s; -o-transition-duration:0.6s; transition-duration:0.6s; }
.active .technology_img .img7{ left:921px; z-index:7; -webkit-transition-delay:1.2s; -moz-transition-delay:1.2s; -o-transition-delay:1.2s; transition-delay:1.2s; }

.service_process{position: relative; padding: 20px 0; text-align: center;}
.service_process_img{width: 100%;}
.service_process_cover{ height:100%; width:100%; position:absolute; top:0; right:0; background-color: #fff;}
.active .service_process_cover{ width:0; -webkit-transition-duration:2.5s; -moz-transition-duration:2.5s; -o-transition-duration:2.5s; transition-duration:2.5s; -webkit-transition-delay:0.5s; -moz-transition-delay:0.5s; -o-transition-delay:0.5s; transition-delay:0.5s; -webkit-transition-timing-function:linear; -moz-transition-timing-function:linear; -o-transition-timing-function:linear; transition-timing-function:linear; }

.strengthsrow{height: 550px; color: #fff;}
.strengthsrow .bnrow_content{}
.strengthsrow .rowdec{color: #fff;}

.bnoutdecrow{padding: 35px 0; line-height: 2; font-size: 16px; color: #fff; background-color: #333;}
.bnoutdec{display:table-row; overflow: hidden;}
.bnoutdec .td{display: table-cell; width: 44%; padding: 10px 2.9%; *float: left; *margin-bottom: -500px; *padding-bottom: 510px; border-left: 1px dotted #585858;}
.bnoutdec .td:last-child{border-right: 1px dotted #585858;}

.webcls3{margin-left: -1px; _zoom: 1; overflow: hidden;}
.webcls3 li{float: left; position: relative; margin: -1px 0 0 -1px; _display: inline; width: 33.333%; text-align: center; border-width: 1px 0 0 1px; border-style: solid; border-color: #f1f1f1; overflow: hidden;}
.webcls3 .title{text-align: center; padding: 15px 4%; width: 92%; height: 30px; line-height: 30px; font-size: 24px; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.webcls3 .text{display: block; text-align: center; padding: 0 4%; height: 130px;}
.webcls3 .text .p{margin-bottom: 8px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-align: left; height: 72px; line-height: 24px; font-size: 14px; color: #666;}
.webcls3 .image{width: 0; height: auto; vertical-align: bottom; opacity: 0; transition-duration: 1.1s; -moz-transition-duration: 1.1s; -webkit-transition-duration: 1.1s;}
.active .webcls3 .image{width: 100%; opacity: 1;}
.webcls3 li:hover .image{transform: translateY(10px); -moz-transform: translateY(10px); -webkit-transform: translateY(10px);}

.wechat_process{text-align: center; font-size: 14px; color: #333;}
.wechat_process li{float: left; margin: 20px 0; width: 20%;}
.wechat_process .title{font-size: 22px;}
.wechat_process .cico{margin: 0 auto 20px; display: block; width: 150px; height: 150px; font-size: 0; border-radius: 50%; overflow: hidden;}
.wechat_process .fore01 .cico{background-color: #27bd8f;}
.wechat_process .fore02 .cico{background-color: #0aa2cc;}
.wechat_process .fore03 .cico{background-color: #f6a279;}
.wechat_process .fore04 .cico{background-color: #d68bc0;}
.wechat_process .fore05 .cico{background-color: #00c3e5;}
.wechat_process .ico{display: block; width: 150px; height: 150px; background-image: url(../images/icon/wechat_process.png); background-repeat: no-repeat; transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear;}
.wechat_process .cico:hover .ico{filter: drop-shadow(5px 5px 1px rgba(0,0,0,0.5)); -webkit-filter: drop-shadow(5px 5px 1px rgba(0,0,0,0.5)); -moz-filter: drop-shadow(5px 5px 1px rgba(0,0,0,0.5)); transform: translate3d(0, -3px, 0); -moz-transform: translate3d(0, -3px, 0); -webkit-transform: translate3d(0, -3px, 0);}
.wechat_process .fore01 .ico{background-position: 0 0;}
.wechat_process .fore02 .ico{background-position: 0 -150px;}
.wechat_process .fore03 .ico{background-position: 0 -300px;}
.wechat_process .fore04 .ico{background-position: 0 -450px;}
.wechat_process .fore05 .ico{background-position: 0 -600px;}

.project_cls5{text-align: center; font-size: 14px;}
.project_cls5 li{float: left; margin: 20px 0; width: 20%;}
.project_cls5 .title, .project_cls5 .p{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%\9;}
.project_cls5 .title{font-size: 22px;}
.project_cls5 .btn{margin-top: 15px;}
.project_cls5 .cico{margin: 0 auto 15px; display: block; width: 120px; height: 120px; font-size: 0; border: 1px solid #a3a3a3; border-radius: 50%; overflow: hidden;}
.project_cls5 .ico{display: block; width: 120px; height: 120px; background-image: url(../images/icon/project_cls5.png); background-repeat: no-repeat;}
.project_cls5 .fore1 .ico{background-position: 0 0;}
.project_cls5 .fore2 .ico{background-position: 0 -120px;}
.project_cls5 .fore3 .ico{background-position: 0 -240px;}
.project_cls5 .fore4 .ico{background-position: 0 -360px;}
.project_cls5 .fore5 .ico{background-position: 0 -480px;}



.sidl{font-size: 0;}
.sidl_img, .sidl_text{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;}
.sidl_img{width: 40%; /*width:55%;*/ text-align: center;}
.sidl_text{padding: 0 5%; width: 50%; font-size: 14px; color: #666;}
.sidl_title{margin-bottom: 15px; line-height: 1.2; font-size: 36px; color: #333;}
.sidl_p{margin: 15px 0; line-height: 2;}
.sidl_dt{margin-bottom: 20px; display: block; line-height: 1.2;}
.sidl_tins{margin-bottom: 5px; font-size: 32px; color: #888;}
.sidl_dt .sidl_title{margin-bottom: 5px; font-size: 40px;}
.sidl_eng{font-size: 30px; color: #999;}

.sidl01 .sidl_img{transform: rotateY(-40deg); -moz-transform: rotateY(-40deg); -webkit-transform: rotateY(-40deg); transition-duration: 1.1s; -moz-transition-duration: 1.1s; -webkit-transition-duration: 1.1s;}
.active .sidl01 .sidl_img{transform: rotateY(0); -moz-transform: rotateY(0); -webkit-transform: rotateY(0);}
.sidl_img02{position: relative; height: 540px;}
.sidl_img02_bg, .sidl_img02_book{background-image: url(../images/sidl/sidl02.png); background-repeat: no-repeat; transition-duration: 1.1s; -moz-transition-duration: 1.1s; -webkit-transition-duration: 1.1s;}
.sidl_img02_bg{margin: 0 auto; display: block; width: 540px; height: 540px; transform: rotate(-170deg); -moz-transform: rotate(-170deg); -webkit-transform: rotate(-170deg);}
.active .sidl_img02_bg{transform: rotateY(0); -moz-transform: rotateY(0); -webkit-transform: rotateY(0);}
.sidl_img02{position: relative; height: 540px;}
.sidl_img02_book{position: absolute; bottom: -80px; left: 50%; margin-left: -260px; display: block; width: 640px; height: 370px; background-position: 0 -540px; transform: translate(150px, 100px); -moz-transform: translate(150px, 100px); -webkit-transform: translate(150px, 100px);}
.active .sidl_img02_book{transform: translate(0); -moz-transform: translate(0); -webkit-transform: translate(0);}

.budotlist li{position: relative; margin: 10px 0; padding-left: 20px; line-height: 24px; font-size: 18px; color: #555; background: url(../images/icon/budot10.png) 0 7px no-repeat;}

.contact_list{float: left; width: 46%; font-size: 18px; color: #999;}
.contact_list li{margin: 20px 0;}
.contact_list .site{font-size: 15px;}
.contact_list .text{display: inline-block; vertical-align: middle;}
.contact_list .ico{margin-right: 20px; display: inline-block; width: 80px; height: 80px; background-image: url(../images/icon/contact_list.png); background-repeat: no-repeat; vertical-align: middle;}
.contact_list .site .ico{background-position: 0 0;}
.contact_list .tel .ico{background-position: 0 -80px;}
.contact_list .email .ico{background-position: 0 -160px;}
.contact_list .qq .ico{background-position: 0 -240px;}
.contactform{float: right; padding-top: 20px; width: 52%; font-size: 15px; color: #999;}

.contactform .tr{margin: 20px 0;}
.dtint{box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; outline: 0; -webkit-appearance: none;}
.contactform .dtint{padding: 9px 19px; width: 80%; height: 30px; line-height: 30px; font-size: 18px; border: 1px solid #bcbcbc; border-radius: 5px;}
.contactform .dtint:focus{box-shadow: 0 0 10px #bcbcbc;}
.contactform textarea.dtint{min-height: 90px; _height: 90px; _overflow: hidden; resize: vertical;}
.contactform .mb{margin-top: 20px;}
.contactform .btn{display: inline-block; text-align: center; width: 140px; height: 40px; line-height: 40px; font-size: 18px; color: #fff; background-color: #179de3; border: none; outline: 0; -webkit-appearance: none; cursor: pointer;}
.contactform .btn:hover{background-color: #f60;}

.l170{float: left; width: 170px;}
.rcontent240{display: block; margin-left: 240px;}

.newswrap{padding-bottom: 20px;}
.news_lnav a{display: block; padding: 15px; height: 24px; line-height: 24px; font-size: 15px; color: #333; border-bottom: 1px solid #ddd;}
.news_lnav a:hover{color: #179de3; border-bottom-color: #179de3;}
.news_lnav .current{color: #fff!important; background-color: #179de3; border-bottom-color: #179de3;}
.news_lnav .t{float: left; max-width: 70%; _width: 70%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.news_lnav .n{float: right; font-weight: bold;}

.news_cutlist li{padding: 30px 0; font-size: 15px; border-bottom: 1px solid #e8e8e8;}
.news_cutlist .cut{display: block;}
.news_cutlist .cut a{display: inline-block; overflow: hidden;}
.news_cutlist .cut img{transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -webkit-transition: all .3s ease 0s; }
.news_cutlist .cut img:hover{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);}
.news_cutlist .title{margin: 10px 0; line-height: 1.2; font-size: 36px;}
.news_cutlist .title a{color: #333;}
.news_cutlist .title a:hover{color: #179de3;}
.news_cutlist .mb{margin-top: 20px;}
.newsource{margin-top: 10px; display: block; color: #999;}
.newsource .i{margin-right: 15px;}
.newsource a{color: #999;}
.newsource a:hover{color: #179de3;}

.catalog{margin: 15px 0; font-size: 15px; color: #666;}
.catalog a:hover{color: #c00;}
.catalog .spc{margin: 0 10px; color: #aaa; font-style: normal; font-family: simsun;}

.newsdp{font-size: 15px;}
.newsdp_mt{padding: 20px 0; border-bottom: 1px solid #e1e1e1;}
.newsdp_title{line-height: 1.2; font-size: 36px; color: #333;}
.newsdp_mc{padding: 1px 0; line-height: 2; font-size: 15px; border-bottom: 1px solid #e1e1e1;}
.newsdp_mc p{margin: 15px 0;}
.newsdp_mc .pic{margin: 20px 0; text-align: center;}
.newsdp_mc .picbd{display: inline-block; padding: 4px; border: 1px solid #b9baa6; border-radius: 3px;}
.newsdp_summary{padding: 10px 0; border-top: 1px solid #e1e1e1;}
.newsdp_summary .dt{font-size: 18px;}
.newsdp_mb{padding: 20px 0; text-align: center;}

.service_wcls{text-align: center; line-height: 2; font-size: 14px;}
.service_wcls li{float: left; margin: 20px 0; width: 20%;}
.service_wcls a:hover{color: #179de3;}
.service_wcls .title{margin: 0 20px 10px; text-align: center; height: 40px; line-height: 40px; font-size: 16px; color: #333; border-bottom: 3px solid #e5e5e5; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.service_wcls .title a{color: #333;}
.service_wcls .ico{margin: 0 auto 5px; display: block; width: 60px; height: 60px; font-size: 0; background-image: url(../images/icon/service_wcls.png); background-repeat: no-repeat; transition-duration: 1.1s; -moz-transition-duration: 1.1s; -webkit-transition-duration: 1.1s;}
.service_wcls .fore1 .ico{background-position: 0 0;}
.service_wcls .fore2 .ico{background-position: 0 -60px;}
.service_wcls .fore3 .ico{background-position: 0 -120px;}
.service_wcls .fore4 .ico{background-position: 0 -180px;}
.service_wcls .fore5 .ico{background-position: 0 -240px;}
.service_wcls li:hover .ico{transform: rotateY(360deg); -moz-transform: rotateY(360deg); -webkit-transform: rotateY(360deg);}

.service_advantage3{font-size: 15px; color: #666;}
.service_advantage3 li{float: left; margin: 20px 0; padding: 0 10px; _display: inline; width: 33.333%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; width: 380px\9;}
.service_advantage3 .cut{display: block; margin-bottom: 15px; text-align: center; width: 100%; overflow: hidden;}
.service_advantage3 .img{width: 100%; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); transition: all 1.2s linear; -moz-transition: all 1.2s linear; -webkit-transition: all 1.2s linear;}
.service_advantage3 li:nth-of-type(2) .img{transition-delay: .6s; -moz-transition-delay: .6s; -webkit-transition-delay: .6s;}
.service_advantage3 li:nth-of-type(3) .img{transition-delay: 1.2s; -moz-transition-delay: 1.2s; -webkit-transition-delay: 1.2s;}
.active .service_advantage3 .img{filter: grayscale(0); -webkit-filter: grayscale(0); -moz-filter: grayscale(0);}

.feature2{position: relative; display: block; margin: 0 auto; width: 1200px; height: 360px; *zoom: 1;}
.feature2 .l1, .feature2 .lspc, .feature2 .l2, .feature2 .l3, .feature2 .r3, .feature2 .r2, .feature2 .rspc, .feature2 .r1{position: absolute; top: 50%; display: block; background-image: url(../images/icon/feature2.png); background-repeat: no-repeat;}
.feature2 .l1, .feature2 .r1{margin-top: -90px; width: 180px; height: 180px;}
.feature2 .l1{left: 0; background-position: 0 -1160px;}
.feature2 .r1{right: 0; background-position: 0 -1340px;}
.feature2 .lspc, .feature2 .rspc{margin-top: -20px; width: 140px; height: 40px;}
.feature2 .lspc{left: 200px; background-position: 0 0;}
.feature2 .rspc{right: 200px; background-position: 0 -40px;}
.feature2 .l2, .feature2 .r2{z-index: 5; margin-top: -110px; width: 220px; height: 220px;}
.feature2 .l2{left: 400px; background-position: 0 -720px;}
.feature2 .r2{right: 400px; background-position: 0 -940px;}
.feature2 .l3, .feature2 .r3{margin-top: -170px; width: 320px; height: 320px;}
.feature2 .l3{left: 340px; background-position: 0 -80px;}
.feature2 .r3{right: 350px; background-position: 0 -400px;}


.getlist_wrap{margin-top: 40px; font-size: 0;}
.getlist38, .getlist62{display: inline-block; *display: inline; *zoom: 1; font-size: 14px; vertical-align: top;}
.getlist38{width: 38%;}
.getlist62{width: 62%;}
.getlistlab{margin-bottom: 15px;}
.getlist{line-height: 30px; font-size: 22px; color: #fff;}
.getlist li{margin: 15px 0; padding-left: 40px; background-repeat: no-repeat; background-position: 0 0;}
.getlist_fail li{background-image: url(../images/icon/getlist_fail.png);}
.getlist_success li{background-image: url(../images/icon/getlist_success.png);}

.casedp{position: relative; display: block; text-align: center; font-size: 13px;}
.casedp_mt{margin-bottom: 20px; text-align: center; font-size: 15px;}
.casedp_title{margin-bottom: 20px; font-size: 32px; color: #333;}
.casedp_show{position: relative; margin: 40px 0; *zoom: 1; overflow: hidden;}
.casedp_show .inbd{margin: 0 auto; display: block; background-image: url(../images/icon/casedp_show.png); background-repeat: no-repeat;}
.casedp_show .sprev, .casedp_show .snext{position: absolute; z-index: 5; top: 50%; margin-top: -60px; display: block; text-align: center; width: 90px; height: 120px; line-height: 120px; font-size: 86px; color: #666; font-family: simsun;}
.casedp_show .sprev{left: 0;}
.casedp_show .snext{right: 0;}
.casedp_show .inhd{position: absolute; left: 0; width: 100%; text-align: center; line-height: 0; font-size: 0;}
.casedp_show .inhd li{margin: 0 5px; display: inline-block; *display: inline; *zoom: 1; width: 8px; height: 8px; background-color: rgba(0,0,0,.5); background-color: #000\9; border-radius: 50%; vertical-align: middle;}
.casedp_show .inhd .on{padding: 2px; background-color: #179de3;}

.casedp_show_destop .inbd{padding: 30px 30px 134px 30px; width: 778px; height: 420px; background-position: 0 0;}
.casedp_show_destop .inbd li{width: 778px!important;}
.casedp_show_destop .inbd img{width: 778px; height: 420px;}
.casedp_show_phone .inbd{padding: 40px 40px 60px 40px; width: 370px; height: 480px; background-position: 0 -600px;}
.casedp_show_phone .inbd li{width: 370px!important;}
.casedp_show_phone .inbd img{width: 370px; height: 480px;}
.casedp_show_destop .inhd{bottom: 145px;}
.casedp_show_phone .inhd{bottom: 70px;}

.casedp_ctl{position: absolute; z-index: 5; top: 0; right: 0; display: block; text-align: center;}
.casedp_ctl .item, .casedp_ctl .ico{margin: 0 8px; display: inline-block; *display: inline; *zoom: 1; width: 44px; height: 44px; vertical-align: middle;}
.casedp_ctl .item .ico{margin: 0;}
.casedp_ctl .ico{background-image: url(../images/icon/ctl.png); background-repeat: no-repeat; background-color: rgba(0,0,0,.5); background-color: #4c4c4c\9; border-radius: 50%; cursor: pointer;}
.casedp_ctl .ico:hover{background-color: #f60;}
.casedp_ctl .prev{background-position: 0 0;}
.casedp_ctl .menu{background-position: 0 -44px;}
.casedp_ctl .next{background-position: 0 -88px;}
.casedp_ctl .prevStop, .casedp_ctl .nextStop{background-color: #a3a3a3!important; cursor: default;}

/*椤电爜*/
.page{display: block; margin: 30px 0 10px 0; text-align: center; line-height: 36px; }
.page a{margin: 0 3px; display: inline-block; width: 34px; height: 34px; line-height: 34px; font-size: 16px; color: #888; border: 1px solid #e6e6e6; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s;}
.page a:hover, .page .on{color: #fff; background-color: #179de3; border-color: #179de3;}
.page_current, .page .disabled{cursor: default;}
.page .ctl{font-family: simsun; font-weight: bold;}
.page .not{color: #ccc!important; background-color: transparent!important; border-color: #e6e6e6!important;}

/*搴曢儴*/
.bcontact{padding: 30px 0 15px 0; text-align: center; font-size: 12px; color: #737373; background-color: #222;}
.bcontact .tr{margin: 20px 0;}
.bcontact_title{margin: 0 20px; display: inline-block; line-height: 1.2; font-size: 22px; vertical-align: middle;}
.bcontact_title_gt{display: inline-block; width: 80px; height: 1px; line-height: 0; font-size: 0; background-color: #777; vertical-align: middle; overflow: hidden;}
.bcontact_tins{font-size: 16px;}
.bcontact_site{margin-right: 5px; display: inline-block; width: 20px; height: 20px; font-size: 0; background: url(../images/icon/bcontact_site.png) 0 0 no-repeat; vertical-align: middle;}
.bcontact_num{margin: 0 30px; display: inline-block; line-height: 1.2; font-size: 22px;}
.bcontact_share_row{font-size: 0;}
.bcontact_share{margin: 0 8px; display: inline-block; width: 30px; height: 30px; font-size: 0; background-image: url(../images/icon/bcontact_share.png); background-repeat: no-repeat; vertical-align: top; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s;}
.wechat_bcontact_share{background-position: 0 0;}
.wechat_bcontact_share:hover{background-position: 0 -30px;}
.qq_bcontact_share{background-position: 0 -60px;}
.qq_bcontact_share:hover{background-position: 0 -90px;}
.weibo_bcontact_share{background-position: 0 -120px;}
.weibo_bcontact_share:hover{background-position: 0 -150px;}
.qzone_bcontact_share{background-position: 0 -180px;}
.qzone_bcontact_share:hover{background-position: 0 -210px;}
.footer{display: block; padding: 20px 0; text-align: center; font-size: 12px; color: #777; background-color: #000;}


/*娴姩瀵艰埅*/
.fnavlist{position: fixed; right: 0; top: 200px; z-index: 25; _position: absolute; _bottom: auto; _top: 200px; /*display: none!important;*/}
.fnav_dec, .fnav_label{border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px;}
.fnav{margin: 2px 0; position: relative; display: block; width: 60px; height: 60px;}
.fnav_label{position: relative; z-index: 29; display: block; width: 60px; height: 60px; background-image: url(../images/icon/fnav.png); background-repeat: no-repeat; background-color: #4c4c4c;}
.fnav_hover .fnav_label, .fnav_show .fnav_label{background-color: #179de3;}
.top_fnav .fnav_label{background-position: 0 0;}
.chat_fnav .fnav_label{background-position: 0 -60px;}
.tel_fnav .fnav_label{background-position: 0 -120px;}
.code_fnav .fnav_label{background-position: 0 -180px;}
.fnav_dec{position: absolute; z-index: 26; left: auto; right: 57px; top: 0; display: inline-block; text-align: center; padding: 15px 13px 15px 10px; width: auto; height: 30px; line-height: 30px; font-size: 16px; color: #fff; background-color: #179de3; cursor: pointer; white-space: nowrap; display: none; right: 60px\9; padding-right: 10px\9;}
.tel_fnav .fnav_dec{font-size: 22px;}
.fnav_code{position: absolute; z-index: 26; bottom: 0; top: auto; right: 100px; padding: 10px; width: 160px; height: 160px; background-color: #444; opacity: 0; filter: alpha(opacity=0); display: none;}
.fnav_code_img{width: 160px; height: 160px;}
.fnav_code_gt{position: absolute; bottom: 20px; right: -10px; display: block; text-align: center; width: 20px; height: 20px; line-height: 20px; font-size: 14px; color: #444; font-style: normal; font-family: simsun;}
.fchat{position: absolute; top: -200px; bottom: auto; right: 100px; width: 596px; background-color: #fff; border: 2px solid #179de3; border-radius: 5px; opacity: 0; filter: alpha(opacity=0); display: none;}
.fchat_head{display: block; height: 50px; color: #fff; background-color: #179de3;}
.fchat_head_title{float: left; padding: 10px 20px; line-height: 30px; font-size: 16px;}
.close_fnav{float: right; display: block; margin: 10px 10px 0 0; width: 30px; height: 30px; font-size: 0; background: url(../images/icon/whclose30.png) 0 0 no-repeat; cursor: pointer;}
.fchat_content{display: block; padding: 0 20px; overflow: hidden;}
.fchat_item{margin-top: -1px; display: block; padding: 10px 0; font-size: 13px; color: #333; border-top: 1px dotted #ccc;}
.fchat_dt{margin-bottom: 10px; font-size: 16px; color: #179de3; font-weight: bold;}
.fchat_ul li{float: left; width: 50%;}
.fchat_ul .lg{width: 100%;}
.fchat_table{margin-top: 5px; width: 100%; text-align: center; font-size: 13px; color: #333;}
.fchat_table th, .fchat_table td{margin: 0; padding: 2px; border: 1px solid #d8e4eb;}
.fchat_table th{background-color: #e7f2f8;}
.fchat_table tbody tr:hover{background-color: #ffd;}

/*end 娴姩瀵艰埅*/



/*btn*/
.btnbox{margin: 20px 0; text-align: center;}

.browsebtn{position: relative; display: inline-block; text-align: center; padding: 14px 9px; min-width: 160px; height: 20px; line-height: 20px; font-size: 15px; color: #666; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; overflow: hidden; _width: 160px; _overflow-x: visible;}
.browsebtn:hover{ border-color:#179de3;}
.browsebtn .s{margin: 0 8px; font-size: 14px; color: #888;}
.browsebtn_num{font-size: 18px; font-weight: bold; font-family: arial;}
.more_gt{margin-left: 8px; display: inline-block; width: 20px; height: 20px; line-height: 0; font-size: 0; background: url(../images/icon/more_gt.png) 0 0 no-repeat; vertical-align: top;}
.browsebtn:hover{color: #fff; background-color: #179de3\9; border-color: #179de3\9;}
.browsebtn:hover .s{color: #fff;}
.browsebtn:hover .more_gt{background-position: 0 -20px; transition: all 0s linear .3s; -moz-transition: all 0s linear .3s; -webkit-transition: all 0s linear .3s;}
.browsebtn_mc{position: relative; z-index: 5; transition: all .2s; -moz-transition: all .2s; -webkit-transition: all .2s;}
.browsebtn_bg{position: absolute; top: 0; left: -150%; transform: skewX(-30deg); -moz-transform: skewX(-30deg); -webkit-transform: skewX(-30deg); display: block; width: 140%; height: 100%; line-height: 0; font-size: 0; background-color: #179de3; transition: all .5s linear; -moz-transition: all .5s linear; -webkit-transition: all .5s linear; display: none\9;}
.browsebtn:hover .browsebtn_bg{left: -20%;}


.wh_detailbtn, .gy_detailbtn, .bu_detailbtn{display: inline-block; text-align: center; padding: 9px 19px; height: 20px; line-height: 20px; font-size: 14px; border-width: 1px; border-style: solid; border-radius: 20px; transition: all .2s; -moz-transition: all .2s; -webkit-transition: all .2s;}
.wh_detailbtn{color: #fff!important; border-color: #fff; }
.gy_detailbtn{color: #333!important; border-color: #a3a3a3;}
.bu_detailbtn{color: #179de3!important; border-color: #179de3;}
.wh_detailbtn:hover, .gy_detailbtn:hover, .bu_detailbtn:hover{color: #fff!important; background-color: #179de3; border-color: #fff;text-decoration:none !important;}
.detailbtn_gt{margin-left: 8px; font-style: normal; font-weight: bold; font-family: simsun;}
.detailbtn_goico{margin-left: 8px; display: inline-block; width: 20px; height: 20px; font-size: 0; background-image: url(../images/icon/detailbtn_goico.png); background-repeat: no-repeat; vertical-align: top; vertical-align: middle;}
.wh_detailbtn:hover .detailbtn_goico, .gy_detailbtn:hover .detailbtn_goico{background-position: 0 -20px;}

.big_detailbtn{padding: 9px 24px; height: 30px; line-height: 30px; font-size: 22px; border-radius: 30px;}

.smtalkbtn{margin-left: 10px; display: inline-block; text-align: center; padding: 4px 8px; height: 16px; line-height: 16px; font-size: 13px; color: #fff; background-color: #179de3; border-radius: 20px;}
.smtalkbtn:hover{color: #fff; background-color: #128ccc;}
.smtalkbtn_qqico{margin-right: 3px; display: inline-block; width: 16px; height: 16px; font-size: 0; background: url(../images/icon/qq16.png) 0 0 no-repeat; vertical-align: top;}

.bubtn{display: inline-block; text-align: center; padding: 10px 20px; height: 20px; line-height: 20px; font-size: 14px; color: #fff; background-color: #179de3; border-radius: 20px;}
.bubtn:hover{background-color: #f60;}

.bubtn30{height: 30px; line-height: 30px; font-size: 16px; border-radius: 30px;}

.wh_mes30{margin-right: 10px; display: inline-block; width: 30px; height: 30px; font-size: 0; background: url(../images/icon/wh_mes30.png) 0 0 no-repeat; vertical-align: top; vertical-align: middle\9;}

.md_gnbtn, .md_bubtn{display: inline-block; text-align: center; padding: 10px 20px; min-width: 120px; _width: 120px; _overflow-x: visible; height: 30px; line-height: 30px; font-size: 22px; color: #fff; border-radius: 30px;}
.md_gnbtn{background-color: #3eb62b;}
.md_bubtn{background-color: #179de3;}



.btnrow{margin: 20px 0; text-align: center;}
.btnrow a{margin: 0 20px;}

/*璺濈*/
.pt0{padding-top: 0!important;}
.pt30{padding-top: 30px!important;}

/*font*/
.fz18{font-size: 18px;}

/*color*/
.butxt{color: #179de3;}





/*-----------------------------ads-------------------------------------*/
.ads{marign:0;padding:0;}
.ads_con{position:relative;min-height:600px;}
.ads_text{z-index:2;padding-top:130px;position: relative;opacity:0;}
.ads_text h2{font-size:36px;line-height:1.5;font-family: dsp,PingFangSC-Light,'helvetica neue','hiragino sans gb',tahoma,'microsoft yahei ui','microsoft yahei',simsun,sans-serif;}
.ads_text p{font-size: 16px;line-height: 2;padding: 20px 0 30px;word-spacing: 6px;}
.active .ads_text{animation: fadeintop .4s ease-in-out both .5s;}

.ads01{background:#f7f8f9}
.active .ads_text{animation-duration: 1s;animation-fill-mode: both;animation-name:fadeintop;}
.active .adsbg01{animation: fadein .6s linear both;}
.adsbg01{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background:url(../images/pic/ads/hero_index.jpg) center center no-repeat #f7f8f9;opacity:0;}
.ads01 .ads_text h2{color:#000;}
.ads01 .ads_text p{color: #333;}

.adsbg02{position: absolute;right: 50%;bottom:-20px;width: 856px;height: 414px;margin-right: -150px;background:url(../images/pic/ads/overview_light.png) center center no-repeat;opacity:0;}
.active .adsbg02{animation: fadein .6s linear both;}
.ads02{background:#63686e; color:#fff;}
.ads_source_lists{position: absolute;right: 50%;top: 120px;}
.ads_source_lists ul li{float:left;margin-right: 23px;opacity:0;}
.ads_source_lists li .icon {display:block;background:url(../images/pic/ads/icon-all.png) no-repeat;width: 67px;height: 67px;vertical-align: middle;}
.ads_source_lists li span{color: #fff;text-align: center;display: block;}
.ads_source_lists ul li.qzone{margin-top: 58px;}
.ads_source_lists ul li .icon.icon-qzone {background-position: -365px -152px;}
.ads_source_lists ul li.qq{margin-top: 18px;}
.ads_source_lists ul li .icon.icon-qq {background-position: -292px -152px;}
.ads_source_lists ul li .icon.icon-wechat {background-position: 0 -152px;}
.ads_source_lists ul li .icon.icon-adver {background-position: -73px -152px;}
.ads_source_lists ul li.browser{margin-top: 18px;}
.ads_source_lists ul li .icon.icon-browser {background-position: -219px -152px;}
.ads_source_lists ul li.app{margin-top: 58px;}
.ads_source_lists ul li .icon.icon-app {background-position: -146px -152px;}
.active .ads_source_lists ul li:nth-child(1) {-webkit-animation: zoomin .4s ease-in-out both .8s;animation: zoomin .4s ease-in-out both .8s;}
.active .ads_source_lists ul li:nth-child(2) {-webkit-animation: zoomin .4s ease-in-out both .9s;animation: zoomin .4s ease-in-out both .9s;}
.active .ads_source_lists ul li:nth-child(3) {-webkit-animation: zoomin .4s ease-in-out both 1s;animation: zoomin .4s ease-in-out both 1s;}
.active .ads_source_lists ul li:nth-child(4) {-webkit-animation: zoomin .4s ease-in-out both 1.1s;animation: zoomin .4s ease-in-out both 1.1s;}
.active .ads_source_lists ul li:nth-child(5) {-webkit-animation: zoomin .4s ease-in-out both 1.2s;animation: zoomin .4s ease-in-out both 1.2s;}
.active .ads_source_lists ul li:nth-child(6) {-webkit-animation: zoomin .4s ease-in-out both 1.3s;animation: zoomin .4s ease-in-out both 1.3s;}
.active .ads_source_lists ul li:nth-child(7) {-webkit-animation: zoomin .4s ease-in-out both 1.4s;animation: zoomin .4s ease-in-out both 1.4s;}
@keyframes fadeintop{  
    0% {opacity: 0;-webkit-transform: translate3d(0,80px,0);transform: translate3d(0,80px,0);}
	100% {opacity: 1;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
}  
@keyframes fadein{  
    0% {opacity: 0;}
	100% {opacity: 1;}
} 
@keyframes zoomin{  
    0% {opacity: 0;-webkit-transform: scale(0);transform: scale(0);}
	100% {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
} 


.ads03{background:#edf1f4;}
.adsbg03{position: absolute; top:80px; right:150px;width: 544px;height: 345px;background:url(../images/pic/ads/bg3.png) left top no-repeat;opacity:0;}
.active .adsbg03{animation: fadein .6s linear both;}
.ads03 .ads_text h2{color:#000;}
.ads03 .ads_text p{color: #333;}

.ads04{background:#f7f9fb;}
.ads04 .ads_text h2{text-align:center;color:#000;}
.ads_mag_list{text-align: center;color: #000;padding:80px 0 100px;}
.ads_mag_list li{width:33.33333%;float:left;padding:0 15px;box-sizing:border-box;}
.ads_mag_list li .ads_mag_text{opacity:0;}
.ads_mag_list li h4 {font-size: 26px;margin: 30px 0 10px;}
.ads_mag_list li p {font-size: 16px;line-height: 2;display: inline-block;max-width: 300px;}
.ads_mag_list li .icon {display: inline-block;background:url(../images/pic/ads/icon-all.png) no-repeat;opacity:0;}
.ads_mag_list li .icon.icon_free {background-position: 0 -231px;width: 171px;height: 143px;}
.ads_mag_list li .icon.icon_cost {background-position: -177px -231px;width: 122px;height: 143px;}
.ads_mag_list li .icon.icon_count {background-position: -305px -231px;width: 144px;height: 143px;}
.active .mag_item:nth-child(1) .ads_mag_text {-webkit-animation: fadeintop .4s ease-in-out both .3s;animation: fadeintop .4s ease-in-out both .3s;}
.active .mag_item:nth-child(2) .ads_mag_text {-webkit-animation: fadeintop .4s ease-in-out both .5s;animation: fadeintop .4s ease-in-out both .5s;}
.active .mag_item:nth-child(3) .ads_mag_text {-webkit-animation: fadeintop .4s ease-in-out both .7s;animation: fadeintop .4s ease-in-out both .7s;}
.active .mag_item:nth-child(1) .icon {-webkit-animation: zoomin .4s ease-in-out both .2s;animation: zoomin .4s ease-in-out both .2s;}
.active .mag_item:nth-child(2) .icon {-webkit-animation: zoomin .4s ease-in-out both .4s;animation: zoomin .4s ease-in-out both .4s;}
.active .mag_item:nth-child(3) .icon {-webkit-animation: zoomin .4s ease-in-out both .6s;animation: zoomin .4s ease-in-out both .6s;}


.ads05 .ads_text h2{text-align:center;color:#000;}
.swiper-container{width:100%;height:520px;margin-top:80px;overflow: hidden;padding-bottom: 50px;margin-bottom:20px;}
.effect-text {width: 480px;position: absolute;left: 50%;margin-left: 40px;margin-top: 72px;}
.effect-text .ads_txt_brand{color: #999;font-size: 18px;}
.effect-text .ads_txt_title{font-size: 32px;line-height: 1.56;color: #000;margin: 28px 0;}
.effect-text .ads_txt_description{font-size: 16px;color: #333;line-height: 2;margin-bottom: 30px;}
.swiper-container .effect-slide1,.swiper-container .effect-slide3{background:url(../images/pic/ads/bg-effect.png) center bottom no-repeat;}
.swiper-container .effect-pic {position: absolute;right: 50%;margin-right: 40px;}
.swiper-container .effect-pic.pic1 {width: 327px;height: 522px;background:url(../images/pic/ads/effect1.png) no-repeat;}
.swiper-container .effect-pic.pic2 {width: 546px;height: 515px;background:url(../images/pic/ads/effect2.png) no-repeat;}
.swiper-container .effect-pic.pic3 {width: 327px;height: 522px;background:url(../images/pic/ads/effect3.png) no-repeat;}

@media screen and (max-width: 479px) {
.ads_con {min-height: 300px;}
.adsbg01 {opacity:1;background: url(../images/pic/ads/hero_index.jpg) 55% 30% no-repeat #f7f8f9;background-size:cover;}
.ads_text h2 {font-size: 18px; font-weight:bold;}
.ads_text {padding: 40px 0 0 20px;}
.ads01 .ads_text p span{display:block;}
.ads_text p{font-size:14px;}

.ads02 {min-height: 350px;}
.adsbg02 {opacity:1;background-size: cover;position: absolute;right: 0;bottom: -80px;z-index: 1;width: 100%;height: 100%;margin:0;}
.ads02 .ads_text{float:none;text-align:center;}
.ads02 .ads_text p{display:none;}
.ads_source_lists {position: absolute;left: 0;top: 120px;width:100%;}
.ads_source_lists ul li{width:33.3333%;opacity:1;}
.ads_source_lists li .icon{margin:0 auto;}
.ads_source_lists ul li.qzone,.ads_source_lists ul li.qq,.ads_source_lists ul li.wechat,.ads_source_lists ul li.adver,.ads_source_lists ul li.browser,.ads_source_lists ul li.app{margin:1rem 0 0 0;}

.adsbg03 {opacity:1;width: 50%;height: 100%;background-size: cover;right:0;}

.ads_mag_list {padding: 30px 0 20px;}
.ads_mag_list li {width:100%;margin-bottom:35px;}
.ads_mag_list li .ads_mag_text{opacity:1;}
.ads_mag_list li h4 {font-size: 16px;margin: 0 0 10px;}
.ads_mag_list li p {font-size: 14px;}
.ads_mag_list li .icon {opacity:1;}

.ads05{display:none;}

.ads_text{opacity:1;}
.adsbg04 {opacity:1;}
}



/**--------------------------------- com_page ---------------------------------------*/
.com_page_con{display:flex;display: -webkit-flex;}
.com_page_pic{width:700px;height:460px;background:url(../images/pic/ads/computer.png) center center no-repeat;background-size:cover;padding:55px 65px 0 65px;}
.com_page_pic img{width:700px;height:340px;}

.com_page_text{padding:1rem 2rem 0 2rem;}
.com_page_text img{width:40%;margin:0 auto;display:block;}
.com_page_text p{width:26rem;font-size:0.875rem;color:#666;line-height:30px;border-bottom:1px dotted #d9d9d9; padding:1.2rem 0;margin-bottom:1.2rem;}
.com_page_text dl{font-size:14px;color:#666;line-height:30px;display:flex;display: -webkit-flex;}
.com_page_text dd{display:block;float:left;width:50px;}
.com_page_text dt{max-width:20rem;}

@media screen and (max-width: 1199px){
	.com_page_con{flex-wrap:wrap;}
	.com_page_pic{margin:0 auto;}
	.com_page_text{width:100%;}
	.com_page_text p{width:100%;}
	.com_page_pic img{width: 100%;height: 100%;}
	.com_page_text p,.com_page_text dl{font-size:12px;}
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
	.com_page_pic{width: 540px;height: 312px;padding: 42px 22px 95px 22px;}
}
@media screen and (min-width: 498px) and (max-width: 767px) {
	.com_page_pic{padding: 40px 20px 80px 20px;width: 446px;height: 241px;}
}

@media screen and (max-width: 497px){
	.com_page_pic{width: 298px;height: 161px;padding: 22px 15px 51px 15px;}
}




/*media*/
@media screen and (max-width: 1199px) {
	/**/
	.headerow{height: 60px;}
	.headlogo{float: none; margin: 0 40px; height: 60px;}
	.headright{position: absolute; z-index: 10; right: 0; top: 0; padding-right: 10px;}
	.hsign_box{padding-top: 10px;}
	.hsign, .hsignlab{width: 31px; height: 35px;}
	.wechat_hsign:hover .hsignlab{background-position: 0 -35px;}
	.qq_hsign .hsignlab{background-position: 0 -70px;}
	.hsign_code{top: 35px;}
	.hsign_code_cover{width: 31px;}
	.headnav{position: absolute; z-index: 9; left: 0; top: 0; width: 100%; padding-top: 10px;}
	.hnav_slideline{display: none;}
	.hnavico{display: block;}
	.hnav{position: absolute; top: 60px; left: 0; right: 0; padding: 10px 0; line-height: 40px; background-color: #fff; border-width: 1px 0; border-style: solid; border-color: #ccc; display: none;}
	.hnav a{float: none; margin: 0; padding: 0 10px; color: #333;}
	.hnav:hover a, .hnav .current_nav{color: #333;}
	.hnav a:hover{color: #179de3;}
	.top_headerow .hnav{border-width: 0; background-color: rgba(0,0,0,.5);}
	.top_headerow .hnav a{color: #fff;}
	.top_headerow .hnav a:hover{color: #179de3;}
	/**/
	.bcontact, .footer{padding-left: 10px; padding-right: 10px;}
	/**/
	.bnrow_content{padding: 0 15px; }
	.contactrow_mt{font-size: 20px;}
	.contactrow_dtint{margin-bottom: 10px; padding: 10px 20px; height: 40px;}
	.contactrow_btn{height: 40px; line-height: 40px;}
	/**/
	.advantage_pins{padding: 0 20px; text-align: center;}
	.advantage_pins_text{width: 100%; text-align: left;}
	/**/
	.multipleScorll .prev, .multipleScorll .next{position: static; top: auto; bottom: auto; left: auto; right: auto; display: inline-block; margin: 10px 10px 0 10px;}
	/**/
	.newswrap{padding-left: 20px; padding-right: 20px;}
	/**/
	.technology_img{zoom: .8;}
	/**/
	.service_advantage3{padding: 0 10px; font-size: 14px;}
	/**/
	.feature2{transform-origin: 20% 0; -moz-transform-origin: 20% 0; -webkit-transform-origin: 20% 0; transform: scale(.8); -moz-transform: scale(.8); -webkit-transform: scale(.8);}
}
@media screen and (min-width: 960px) and (max-width: 1199px) {
	.clsbox{width: 960px; height: 402px;}
	.clsitem{width: 319px; height: 200px; }
	.service_clsitem{left: 321px; width: 317px; height: 402px;}
	.clsitem_decmc{height: 60px;}
	.clsitem_text{display: none;}
	/**/
}

@media screen and (max-width: 959px) {
	/**/
	.whrow, .gyrow{}
	.rowdec, .homepage .row_p{font-size: 14px;}
	.homepage .row_title, .bkrow_title36, .aboutpage .row_title, .row_title{font-size: 24px;}
	.row_tins{font-size: 16px;}
	.aboutpage .row_p{font-size: 12px;}
	/**/
	.foundec_year{font-size: 60px;}
	.foundec_year_label{width: 130px; height: 130px; line-height: 130px; font-size: 100px;}
	.foundec_text{text-align: left; font-size: 34px;}
	.foundec_text .eng{font-size: 44px;}
	/**/
	.contact_list .ico, .technology_img{zoom: .6;}
	/**/
	.feature2{transform-origin: 10% 0; -moz-transform-origin: 10% 0; -webkit-transform-origin: 10% 0; transform: scale(.6); -moz-transform: scale(.6); -webkit-transform: scale(.6);}
	/**/
	.big_detailbtn{padding: 9px 19px; height: 20px; line-height: 20px; font-size: 16px;}
	/**/
	.project_cls5 li{width: 33.333%;}
	/**/
	.getlist{font-size: 16px;}
	/**/
	.multipcase_emplist{padding-left: 40%;}
	.multipcase_emplist_label{width: 40%;}
	.multipcase_emplist .emplist li{width: 100%;}
	/**/
	.casedp_show_destop .inbd{padding: 22px 22px 102px 22px; width: 596px; height: 322px; background-position: 0 0; background-size: 640px auto;}
	.casedp_show_destop .inbd li{width: 596px!important;}
	.casedp_show_destop .inbd img{width: 596px; height: 322px;}
	.casedp_show_destop .inhd{bottom: 110px;}
}
@media screen and (min-width: 768px) and (max-width: 959px) {
	.clsbox{width: 760px; height: 318px;}
	.clsitem{width: 252px; height: 158px;}
	.service_clsitem{left: 254px; width: 251px; height: 318px;}
	.clsitem_decmt{padding: 20px 20px 0 20px;}
	.clsitem_decmc{padding: 0 20px; height: 40px;}
	.clsitem_decmb{padding: 0 20px;}
	.clsitem_ten{margin: 40px auto 0; width: 200px; font-size: 12px;}
	.clsitem_text{display: none;}
	/**/
	.empcover_mc{padding-top: 10px;}
	.empcover_play{display: none;}
	/**/
	.advantage2_dec{font-size: 12px;}
	.advantage2_title{font-size: 20px;}
	/**/
}

@media screen and (max-width: 767px){
	/**/
	.foundec_year{font-size: 40px;}
	.foundec_year_label{width: 100px; height: 100px; line-height: 100px; font-size: 60px;}
	.foundec_text{font-size: 20px;}
	.foundec_text .eng{font-size: 30px;}
	/**/
	.clsbox{margin-bottom: 0; padding: 0 2px; width: auto; height: auto;}
	.clsitem{position: relative; top: auto; bottom: auto; left: auto; right: auto; margin: 2px 0; width: 100%; height: auto;}
	.clsitem_decmt{padding: 20px 20px 0 20px;}
	/**/
	.advantage2 li{width: 100%;}
	.emplist li, .showbrand li{width: 50%;}
	/**/
	.innerbn_text{font-size: 40px;}
	.sm_innerbn .innerbn_text{font-size: 36px;}
	.rbnclsgo{display: none;}
	/**/
	.aboutrow_cls{font-size: 12px;}
	.aboutrow_cls .dt{font-size: 18px;}
	/**/
	.contactbox{padding: 0 20px;}
	.contact_list, .contactform{width: 100%;}
	.contactform .dtint{width: 90%;}
	/**/
	.l170{display: none;}
	.rcontent240{margin-left: 0;}
	/**/
	.webcls3 .title{font-size: 16px;}
	.webcls3 .gy_detailbtn{padding: 4px 9px; font-size: 12px;}
	/**/
	.clsgolink{zoom: .8;}
	.technology_img{zoom: .4;}
	/**/
	.feature2{transform-origin: 0 0; -moz-transform-origin: 0 0; -webkit-transform-origin: 0 0; transform: scale(.4); -moz-transform: scale(.4); -webkit-transform: scale(.4);}
	/**/
	.service_wcls li{width: 33.333%;}
	/**/
	.service_advantage3{padding: 0 5px; font-size: 13px;}
	.service_advantage3 li{margin: 10px 0; padding: 0 5px;}
	/**/
	.sidl_img{width: 100%;}
	.sidl_text{width: 90%;}
	.sidl_img02{zoom: .8;}
	/**/
	.wechat_process .cico{zoom: .8;}
	.wechat_process .title{font-size: 16px;}
	/**/
	.getlist{line-height: 20px; font-size: 14px;}
	.getlist li{padding-left: 30px; background-size: 20px auto;}
	/**/
	.casedp_ctl{position: static; margin-bottom: 10px;}
	.casedp_show_destop .inbd{padding: 17px 17px 77px 17px; width: 446px; height: 241px; background-size: 480px auto; background-position: 0 0;}
	.casedp_show_destop .inbd li{width: 446px!important;}
	.casedp_show_destop .inbd img{width: 446px; height: 241px;}
	.casedp_show_destop .inhd{bottom: 80px;}
	.casedp_show_phone .inbd{padding: 28px 28px 72px 28px; width: 264px; height: 342px; background-size: 596px auto; background-position: 0 -426px;}
	.casedp_show_phone .inbd li{width: 264px!important;}
	.casedp_show_phone .inbd img{width: 264px; height: 342px;}
	.casedp_show_phone .inhd{bottom: 80px;}
}

@media screen and (max-width: 640px) {
	.advantage2 li{width: 99%;margin: 2px;box-sizing: border-box;}
	/**/
	.aboutrow_cls .cico{display: none;}
	/**/
	.advantage_pins_pic, .advantage_pins_pic .ico{background-size: 320px auto;}
	.advantage_pins_pic{width: 320px; height: 281px;}
	.advantage_pins_pic .i{font-size: 14px;}
	.advantage_pins_pic .i1{bottom: 45px; left: 90px;}
	.advantage_pins_pic .i2{top: 90px; left: 155px;}
	.advantage_pins_pic .i3{bottom: 45px; right: 65px;}
	.advantage_pins_pic .ico{width: 70px; height: 70px;}
	.advantage_pins_pic .i1 .ico{top: -10px; left: -80px; background-position: 0 -282px;}
	.advantage_pins_pic .i2 .ico{top: -90px; left: 50%; margin-left: -35px; background-position: -71px -282px;}
	.advantage_pins_pic .i3 .ico{top: -10px; right: -80px; background-position: -141px -282px;}
	/**/
	.wechat_process li{width: 33.33%;}
}

@media screen and (max-width: 479px) {
	/**/
	.foundec_year{margin-bottom: 10px; display: block; text-align: center;}
	.foundec_year_label{margin: 0 auto 10px; display: block;}
	.foundec_text{margin-bottom: 10px; display: block; text-align: center;}
	/**/
	.emplist li{width: 100%;}
	/**/
	.hello_label{width: 320px; height: 100px;}
	.hello_label::before{background-position: 0 -100px;}
	/**/
	.aboutrow .rowdec{margin-bottom: 0; padding: 0;}
	.aboutrow_cls li{margin-top: 10px; width: 50%;}
	/**/
	.news_cutlist .title, .newsdp_title{font-size: 24px;}
	/**/
	.clsgolink{zoom: .6;}
	.technology_img{zoom: .3;}
	/**/
	.service_wcls li{width: 50%;}
	/**/
	.sidl_img02{zoom: .6;}
	/**/
	.wechat_process li{width: 50%;}
	/**/
	.project_cls5 li{width: 50%;}
	/**/
	.getlist38, .getlist62{width: 100%;}
	.getlistlab{zoom: .6;}
	/**/
	.casedp_show_destop .inbd{padding: 11px 11px 51px 11px; width: 298px; height: 161px; background-size: 320px auto; background-position: 0 0;}
	.casedp_show_destop .inbd li{width: 298px!important;}
	.casedp_show_destop .inbd img{width: 298px; height: 161px;}
	.casedp_show_destop .inhd{bottom: 60px;}
}
/*end media*/




/*-------鏁堟灉------*/

.project_cls5 li:hover .ico{animation:tada 1s .2s ease both; -webkit-animation:tada 1s .2s ease both;}
@keyframes tada{0%{transform:scale(1);}10%, 20%{transform:scale(0.9) rotate(-3deg);}30%, 50%, 70%, 90%{transform:scale(1.1) rotate(3deg);}40%, 60%, 80%{transform:scale(1.1) rotate(-3deg);}100%{transform:scale(1) rotate(0);}}
@-webkit-keyframes tada{0%{-webkit-transform:scale(1);}10%, 20%{-webkit-transform:scale(0.9) rotate(-3deg);}30%, 50%, 70%, 90%{-webkit-transform:scale(1.1) rotate(3deg);}40%, 60%, 80%{-webkit-transform:scale(1.1) rotate(-3deg);}100%{-webkit-transform:scale(1) rotate(0);}}

.getlist62:hover .getlistlab{animation: worth .6s; -moz-animation: worth .6s; -webkit-animation: worth .6s;}
@-webkit-keyframes worth{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}20%,60%{-webkit-transform:translate3d(0,-6px,0);transform:translate3d(0,-6px,0)}40%,80%{-webkit-transform:translate3d(0,6px,0);transform:translate3d(0,6px,0)}}@keyframes worth{0%,100%{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}20%,60%{-webkit-transform:translate3d(0,-6px,0);-ms-transform:translate3d(0,-6px,0);transform:translate3d(0,-6px,0)}40%,80%{-webkit-transform:translate3d(0,6px,0);-ms-transform:translate3d(0,6px,0);transform:translate3d(0,6px,0)}}
.getlist38:hover .getlistlab{animation: unworth .6s; -moz-animation: unworth .6s; -webkit-animation: unworth .6s;}
@-webkit-keyframes unworth{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}20%,60%{-webkit-transform:translate3d(-6px,0,0);transform:translate3d(-6px,0,0)}40%,80%{-webkit-transform:translate3d(6px,0,0);transform:translate3d(6px,0,0)}}@keyframes unworth{0%,100%{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}20%,60%{-webkit-transform:translate3d(-6px,0,0);-ms-transform:translate3d(-6px,0,0);transform:translate3d(-6px,0,0)}40%,80%{-webkit-transform:translate3d(6px,0,0);-ms-transform:translate3d(6px,0,0);transform:translate3d(6px,0,0)}}






.delay2{-webkit-animation-delay: .5s; animation-delay: .5s;}
.delay3{-webkit-animation-delay: 1s; animation-delay: 1s;}
.delay4{-webkit-animation-delay: 1.5s; animation-delay: 1.5s;}
.delay5{-webkit-animation-delay: 2s; animation-delay: 2s;}
.delay6{-webkit-animation-delay: 2.5s; animation-delay: 2.5s;}
.delay7{-webkit-animation-delay: 3s; animation-delay: 3s;}
.delay8{-webkit-animation-delay: 3.5s; animation-delay: 3.5s;}
.delay9{-webkit-animation-delay: 4s; animation-delay: 4s;}
.delay10{-webkit-animation-delay: 4.5s; animation-delay: 4.5s;}





.animated,.flipInX,.fadeInUp,.rollIn,.bounceIn,.bounceInLeft,.bounceInRight{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}

@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.active .fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@-webkit-keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.active .flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX;-webkit-animation-duration:1.5s;animation-duration:1.5s}
@-webkit-keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}.active .rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}
.animated.bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceIn{20%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{20%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.active .bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}
@-webkit-keyframes bounceInLeft{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}.active .bounceInLeft{-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}
@-webkit-keyframes bounceInRight{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInRight{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}.active .bounceInRight{-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-name:bounceInRight;animation-name:bounceInRight}


/**/
.news {
    padding: 60px 0;
    background: url(../images/bg/i_news.jpg) top center no-repeat;
}

.news .head {
    margin-bottom: 30px;
}



.news .newsimg,
.news .list {
    width: 50%;
}

.news .newsimg {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding-right: 80px;
}

.news .newsimg .img {
    margin-bottom: 20px;
}

.news .newsimg .img img {
    width: 520px;
    height: 240px;
    transform: scale(1,1);
    transition: transform 0.3s;
}

.news .newsimg .img img:hover {
    transform: scale(0.95,0.95);
}

.news .newsimg .date {
    color: #999;
    font-size: 24px;
}

.news .newsimg .info {
    margin-left: 100px;
}

.news .info .title {
    font-size: 16px;
    line-height: 36px;
}

.news .info .title a:hover {
    color: #3EB45E;
}

.news .info .text {
    height: 52px;
    color: #666;
    font-size: 14px;
    line-height: 26px;
    padding-left: 20px;
    margin: 10px 0 30px;
    border-left: 1px solid #ccc;
}

.news .info .morebtn {
    display: inline-block;
    width: 110px;
    height: 32px;
    color: #fff;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    background: #3EB45E;
    border: 1px solid #3EB45E;
}

.news .info .morebtn:hover {
    color: #3EB45E;
    background: #f0f0f0;
}

.news .list {
    margin-top: -30px;
}

.news .itembox {
    display: block;
    padding: 30px 0;
    border-bottom: 1px solid #edeef1;
}

.news .itembox .title {
    position: relative;
    overflow: hidden;
    line-height: 26px;
    padding-left: 40px;
    margin-bottom: 6px;
}

.news .itembox .title:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 17px;
    width: 6px;
    height: 6px;
    margin-top: -4px;
    background: url(../images/icon/icon_gcircle.png) no-repeat;
}

.news .itembox .name {
    font-size: 16px;
    padding-right: 110px;
}

.news .itembox:hover .name {
    color: #3EB45E;
}

.news .itembox .date {
    color: #999;
    font-size: 18px;
}

.news .itembox .text {
    color: #666;
    font-size: 14px;
    padding-left: 40px;
}
/*鍏辩敤鏍峰紡*/
.products .head .title,
.application .head .title,
.news .head .title {
    font-size: 38px;
}

.products .title small,
.application .title small,
.news .title small {
    color: #999;
    font-size: 16px;
    margin-left: 30px;
    text-transform: uppercase;
}

.application .head .more,
.news .head .more {
    padding: 14px 0;
}

.application .head .morebtn,
.news .head .morebtn {
    display: inline-block;
    width: 74px;
    height: 30px;
    color: #999;
    line-height: 28px;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 30px;
}

.application .head .morebtn:hover,
.news .head .morebtn:hover {
    color: #fff;
    background-color: #3EB45E;
    border-color: #3EB45E;
}